<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>MEjs Audio Test</title>
        <script src="js/libs/mediaelement.js"></script>
    </head>
    <body>
        <h1>MEjs Audio Test</h1>
        <!--
        <video width="360" height="203" id="player1" src="content/echo-hereweare.mp4" type="video/mp4" controls="controls"></video>
        -->
    		
    		<audio id="player1" src="content/AirReview-Landmarks-02-ChasingCorporate.mp3" type="audio/mpeg" ></audio>
				<input type="button" id="pp" value="toggle" />
				<span id="time"></span> <br/>
				<textarea id="log" rows="10" cols="60">
					
Notes:
Chrome12 (native)
	* Everything works ask expected 
FF5 (flash)
	* Everything works except sound
IE8 (flash)
	* Everything works except sound
Android 2.2 (HTC Desire)
	*	Everything works except sound
iPod Touch 2nd Gen (iOS 4.2.1)
	* On Press toggle - alert -> "This movie could not be played"
				</textarea>
					
				<script>
					var count = 0;
					var logger = document.getElementById('log'); 
					function logMsg(msg) {
						var txt = logger.innerHTML;
						logger.innerHTML = count++ + ": " + msg + "\r\n" + txt;
					}
					
					logMsg("started bootstrap with mejs.ver=" + mejs.version );
					
					var me = new MediaElement('player1', {
						enablePluginDebug: true,
						success: function(me) {
						logMsg("started success handler");	
						me.play();
						
						me.addEventListener('timeupdate', function() {
							document.getElementById('time').innerHTML = me.currentTime;
						}, false);
						
						document.getElementById('pp')['onclick'] = function() {
							if (me.paused)
								me.play();
							else
								me.pause();
						};
					
					}});
				</script>
    		
    </body>
</html>
